<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <script src="js/common/jquery-3.3.1.js"></script>
    <script src="js/common/bootstrap.min.js"></script>

</head>
    <body>
        <h1>标题一</h1>
        <h2>标题二</h2>
        <h3>标题三</h3>
        <h4>标题四</h4>
        <h5>标题五</h5>
        <h6>标题六</h6>
        <p class="text-center">居中文本段落，<mark>突出显示</mark>，<del>中划线</del>，<ins>下划线</ins>，<small>缩小</small>，<strong>加粗</strong></p>
        <p class="text-uppercase">uppercase</p>
        <p class="text-lowercase">lowercase</p>
        <p class="text-capitalize">capitalize</p>

        <table class="table table-striped table-bordered table-hover">
            <thead>
                <tr>
                    <th>标题一</th>
                    <th>标题二</th>
                    <th>标题三</th>
                    <th>标题四</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>内容一</td>
                    <td>内容二</td>
                    <td>内容三</td>
                    <td class="success">内容四</td>
                </tr>
                <tr>
                    <td class="warning">内容一</td>
                    <td>内容二</td>
                    <td>内容三</td>
                    <td>内容四</td>
                </tr>
                <tr>
                    <td>内容一</td>
                    <td class="info">内容二</td>
                    <td>内容三</td>
                    <td>内容四</td>
                </tr>
                <tr>
                    <td>内容一</td>
                    <td>内容二</td>
                    <td class="danger">内容三</td>
                    <td>内容四</td>
                </tr>
            </tbody>
        </table>
        <br/>

        <form>
            <div class="form-inline">
                <div class="form-group">
                    <label>Name: </label>
                    <input class="form-control input-lg"/>
                </div>

                <div class="form-group has-error">
                    <label class="control-label">number: </label>
                    <select class="form-control input">
                        <option>111</option>
                        <option>222</option>
                        <option>333</option>
                    </select>
                </div>

                <div class="form-group">
                    <button class="btn btn-info form-control">提交</button>
                </div>
            </div>
        </form>
    </body>
</html>